* {
        margin: 0;
            padding: 0;
                box-sizing: border-box;
}

body {
        font-family: "Microsoft Yahei", sans-serif;
            background-color: #f5f5f5;
                padding: 20px;
}

.container {
        max-width: 1200px;
            margin: 0 auto;
                background-color: white;
                    padding: 30px;
                        border-radius: 8px;
                            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

h1 {
        color: #333;
            margin-bottom: 15px;
}

p {
        color: #666;
            margin-bottom: 30px;
}

.image-grid {
        display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
                gap: 20px;
}

.image-grid img {
        width: 100%;
            height: 150px;
                object-fit: cover;
                    border-radius: 4px;
                        border: 1px solid #eee;
                            transition: transform 0.3s;
}

.image-grid img:hover {
        transform: scale(1.05);
}
}
}
}
}
}
}
}
}
你好